<template>
    <div class="boradCard">
        <StageStatus
        v-show="isPhase"
        :localPatternList="localPatternList"
        :contrloType="contrloType"
        :controlData="controlData"
        :patternStatusList="patternStatusList">
        </StageStatus>
        <PatternStatus
        :showBarrier="showBarrier"
        :controlPhase="controlPhase"
        :localPatternList="localPatternList"
        :contrloType="contrloType"
        :index="index"
        :cycleChange="cycleChange"
        :isMove="isMove"
        :stagesChange="stagesChange"
        :patternList="patternList"
        :agentId="agentId"
        :showCondition="showCondition"
        :controlData="controlData"
        :phaseList="phaseList"
        :cycle="cycle"
        :syncTime="syncTime"
        :style="{'margin-top':'25px'}"
        :patternStatusList="patternStatusList"
        :patternId="patternId"
        :cycles="cycles">
        </PatternStatus>
    </div>
</template>

<script>
import PatternStatus from '@/components/PatternStatus'
import StageStatus from '@/components/StageStatus'
export default {
  components: {
    PatternStatus,
    StageStatus
  },
  data () {
    return {

    }
  },
  props: {
    cycleChange: {
      type: Boolean,
      default: false
    },
    isMove: {
      type: Boolean,
      default: true
    },
    controlPhase: {
      type: Object
    },
    contrloType: {
      type: String
    },
    index: {
      type: Number
    },
    localPatternList: {
      type: Array
    },
    stagesChange: {
      type: Array
    },
    phaseList: {
      type: Array
    },
    showBarrier: {
      type: Boolean,
      default: false
    },
    patternList: {
      type: Array
    },
    showCondition: {
      type: Boolean,
      default: false
    },
    controlData: {
      type: Object
    },
    patternStatusList: {
      type: Array
    },
    patternId: {
      type: Number
    },
    agentId: {
      type: String
    },
    isPhase: {
      type: Boolean,
      default: false
    },
    cycles: {
      type: Number
    },
    cycle: {
      type: Number
    },
    syncTime: {
      type: Number
    }
  }
}
</script>

<style>

</style>
